<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>尧里</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/personal.css"/>
	<link rel="stylesheet" type="text/css" href="css/mobile.css"/>
</head>
<body>
	<!-- 标题 -->
	<div class="banner_item">
		<img class="banner" src="img/product_info.jpg" alt="" >
	</div>
	<!-- 民宿详情 -->
	<div class="product_info clearfix common_width">
		<div class="tab_pro">
			<ul class="list_tabpro clearfix">
				<li class="active"><a href="#toInfo">概览</a></li>
				<li><a href="#toSite">位置</a></li>
			</ul>
		</div>
		<div class="product_main fl">
			<h4 class="ms_name">尧里/人间/地铁直达//步行街/火车站</h4>
			<div class="ms_info clearfix">
				<div class="img fl"><img src="img/about-ms2.jpg" alt="" ></div>
				<div class="text fr">
					<h4 class="h4">设计理念</h4>
					<p class="p">以浅米色为主色调，营造温馨的内环境，使人放松，沐浴心灵，让顾客有归属感，仿佛回到自己家。该房间采用灯带设计，开灯后有眼前一亮的感觉。</p>					<p class="p">房屋设施：超大落地窗，巨幕投影，电磁炉，微波炉，烹饪锅具，热水壶，洗衣机，智能门锁，Wi-Fi，消毒液，洗手液，沐浴露，洗发水，牙具，隐形眼镜护理液，一次性拖鞋，吹风机。</p>					<p class="p">地理位置：位于地铁三号线“四泉桥”站，万象汇商业广场旁边，吃喝玩乐应有尽有，可乘地铁三号线直达天鹅湖、步行街、之心城等商圈。</p>
				</div>
			</div>
			<div class="ms_data">
				<ul class="list_msdata clearfix">
					<li class="item item_1">
						<span>整套</span>
						<span class="num">60㎡</span>
					</li>
					<li class="item item_2">
						<span>1间卧室</span>
						<span class="num">1厅1厨1卫</span>
					</li>
					<li class="item item_3">
						<span>宜住2人</span>
						<span class="num">1张双人床</span>
					</li>
				</ul>
			</div>
			<div class="ms_intro" id="toInfo">
				<h4 class="h4">详情</h4>
				<div class="imgtext">
					<img src="img/banner-i.jpg" width="100%" alt="" >
					<p class="p">效果图1介绍</p>
				</div>
				<div class="imgtext">
					<img src="img/banner-i.jpg" width="100%" alt="" >
					<p class="p">效果图1介绍</p>
				</div>
			</div>
			<div class="ms_site" id="toSite">
				<h4 class="h4">位置</h4>
				<div class="map">
					<img src="img/address_map2.jpg" width="80%" alt="" >
				</div>
			</div>
		</div>
		<div class="product_side fr">
			<div class="ms_ecode">
				<div class="ecode"><img src="img/eg-ewmi.png" alt="" ></div>
				<a class="btn btn_vx" href="javascript:void(0);">扫描微信预订</a>
				<a class="btn btn_mt" href="javascript:void(0);">美团在线订房</a>
			</div>
		</div>
	</div>
	
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".list_tabpro li a").click(function(){
				$(this).parent().addClass("active").siblings().removeClass("active");
			});
		})
	</script>
</body>
</html>
